<template>
	<view class="bge">
		<!-- 返回按钮 -->
		<image class="fanhui" src="../../../static/iconfanhui.png" mode=""></image>
		<!-- title -->
		<view class="title">
			<image src="../../../static/icontitle.png" mode=""></image>
			<view class="">邀请好友砍价 商品免费拿</view>
		</view>
		<view style="height: 225rpx;"></view>
		<view class="w95" style="display: flex;flex-wrap: wrap;margin: 0rpx 0 50rpx 0; ">
			<view style="height: 40rpx;width: 100%;"></view>
			<view class="w50" v-for="item in 18">
				<image class="moban" src="../../../static/moban.png" mode=""></image>
				<view class="text fs11" style="top: 25rpx;">已送出<text style="color: red;">236</text>件</view>
				<view class="text fs13" style="top: 80rpx;color: rgba(196,96,44,1);">哗哗哗</view>
				<!-- 抢购物品 -->
				<image class="wupin text" style="top: 135rpx;" src="../../../static/28a3b451f81986184a86281a4aed2e7389d4e6a0.jpg" mode=""></image>
				<!-- 点击免费拿 -->
				<view class="text fs16" style="top: 330rpx;color: #FFFFFF;">点击免费拿</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.bge{
	width: 100vw;
	height: 100%;
	background: #FDCB7D;
}
.fanhui {
		width: 18rpx;
		height: 32rpx;
		position: absolute;
		left: 36rpx;
		top: 88rpx;
	}
.title{
	width: 676rpx;
	height: 204rpx;
	line-height: 204rpx;
	position: absolute;
	top: 120rpx;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
}
.title>image{
	width: 676rpx;
	height: 204rpx;
}
.title>view{
	width: 676rpx;
	height: 204rpx;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}
.w95{
	width: 95%;
	border-radius: 40rpx;
	background: rgba(255,254,252,0.3);
	margin: 0 auto!important;
	/* position: absolute;
	top: 225rpx;
	left: 50%;
	transform: translateX(-50%); */
}
.w50{
	width: 50%;
	position: relative;
}
.moban{
	display: block;
	width: 316rpx;
	height: 368rpx;
	margin: 20rpx auto;
}
.text{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.wupin{
	width: 150rpx;
	height: 180rpx;
}
</style>
